*{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.offcial{
    width: 100%;
    height: 100%;
    // overflow: hidden;
}

.car-brand{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(244,244,244);
    .car-box{
        width: 100%;
        background-color: rgb(255,255,255);
        div{
            // flex-flow: column;
            p{
                color: #aaa;
                font-size: 14px;
                padding-left: 20px;
                background-color: #f4f4f4;
            }
    
            ul{
                width: 100%;
                height: 200%;
                // overflow-y: scroll;
        
                li{
                    width: 100%;
                    height: 49px;
                    border-bottom: 1px solid #ddd;
                    background-color: #fff;
                    padding-left: 20px;
                    padding-right: 10px;
                    display: flex;
                    align-items: center;
        
                    img{
                        width: 40px;
                        height: 40px;
                    }
        
                    span{
                        margin-left: 20px;
                    }
                }
            }
        }
    }


}

.letter{
    position: fixed;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    padding: 1px 5px;
    
    ul{
        li{
            color: #666;
            font-size: 12px;
        }
    }
}

#carType{
    width: 75%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    animation-duration: 0.4s;
    animation-delay:0.2s;
    animation-timing-function:ease-out;
    transition: all .2s ease;

    .typeList{
        width: 100%;
        height: 200%;
        overflow-y: scroll;
        background-color: #fff;
        color: #717171;

        div{
            .p{
                background-color: #f2f2f2;
                padding-left: 20px;
            }

            ul{
                width: 100%;
                li{
                    height: 69px;
                    border-bottom: 1px solid #ddd;
                    background-color: #fff;
                    display: flex;
                    align-items: center;

                    img{
                        width: 90px;
                        height: 60px;
                        margin-left: 10px;
                        margin-right: 10px;
                    }

                    div{
                        p:nth-child(2){
                            color: red;
                            font-size: 13px;
                            margin-top: 2px;
                        }
                    }
                }
            }
        }
    }
}